page {
  background-color: #FFFFFF;
}

.container {
	background: #FFFFFF;
	// height: auto;
	width: 100%;
	
	.navbar-right{
		margin-right: 20rpx;
	}
	/* 用户信息 */
	.userinfo {
		width: 100%;
		background: #fff;
		text-align: center;
		padding: 30rpx 0;
		border: 1rpx solid #f7f7f7;
		.userinfo-avatar {
			width: 160rpx;
			height: 160rpx;
			border-radius: 50%;
			box-shadow: 3px 3px 8px rgba(0, 0, 0, .5);
			margin: auto;
		}
		.userinfo-name {
			font-size: 30rpx;
			font-weight: bold;
			margin-top: 20rpx;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			word-break: break-all;
		}
	}
	
	.menu-list {
		background: #FFFFFF;
		margin:10rpx 20rpx;
		padding: 20rpx;
		border-radius: 20rpx;
		border: 1rpx solid #f7f7f7;
		.tit{
			font-size: 28rpx;
			font-weight: bolder;
			height: 60rpx;
		}
		.procedure {
			display: flex;
			justify-content: space-around;
			align-items: center;
			font-size: 25rpx;
			// height: 160rpx;
			.item {
				display: flex;
				flex-direction: column;
				align-items: center;
				image {
					width: 60rpx;
					height: 60rpx;
				}
			}
		}
		
	}
	
	.user-menu {
		background: #FFFFFF;
		margin: 10rpx 20rpx;
		padding: 20rpx;
		font-size: 25rpx;
		border-radius: 20rpx;
		.item {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 20rpx;
			image {
				width: 60rpx;
				height: 60rpx;
			}
		}
	}
	
}









